<script setup></script>

<template>
  <div class="overview-card">
    <slot></slot>
  </div>
</template>

<style lang="scss" scoped>
@use '@/assets/scss/abstracts/variables' as *;

.overview-card {
  border-radius: 1rem;
  padding: 2rem;
  background-color: $color-white;
  color: $color-black;
  box-shadow: 0 0.4rem 0.6rem rgba($color-black, 0.1);
  transition: all 0.3s ease-in-out;

  &:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.8rem 1.2rem rgba($color-black, 0.1);
  }
}
</style>
